Chú ý; trang này chỉ để chủ xem.

Đếm Lượt Xem Từng Bài Viết Cho Blogspot

2024-01-22T05:41:00.000-08:00

Bạn muốn cho đọc giả mình biết số lượt xem của một bài viết.Với những bài viết nhiều lượt truy cập sẽ tạo uy tín và tin tưởng cho đọc giả.

Xem Demo

1. Đăng nhập Blogger.

2. Vào Thiết Kế => Chỉnh Sửa HTML (Mở rộng mẫu tiện ích)

3. Tìm đến đoạn code <data:post.body/> hoặc <div class='post-header'>

4. Thêm đoạn code bên dưới vào trên <data:post.body/> hoặc dưới <div class='post-header'>

<b:if cond='data:blog.pageType == "item"'>

</div>

</b:if>

5. Hoặc bạn có thể thêm code sau :

6.Cuối cùng là lưu lại

ADD BEAUTIFUL RECOMMENDED POST SLIDE OUT WIDGET TO BLOGGER

2024-01-13T04:05:00.000-08:00

http://www.bloggerplugins.org/2011/12/recommended-post-slide-out-for-blogger.html

Cái này có trong TQ Tòan Tập: http://tympanus.net/codrops/2010/04/13/end-of-page-slide-out-box/

Slideout Widget is most important for every blog.This widget design is exceptional from other website.Okay first see the demo
I am 100% sure you like it.To see Demo Click Below link.

If you like pls follow the instruction to add this in your website.

step 1: First login your blogger account Click Here login
step 2: Then click Layout>Add a Gadget>HTML/JAVASCRIPT.
step 3: Then paste the below code in box and click save.

-----------------------------------------------------------------------------------------

<div id="bpslidein" style="display:none;">
<div class="help">
?</div>
<div class="expand">
+</div>
<div class="close">
X</div>
<p>
Bài ngẫu nhiên</p>
<div id="bpslidein_image">
</div>
<div id="bpslidein_title">
Loading..</div>
</div>
<script> if(document.location.href.split("/").length==6&&document.location.href.indexOf(".html")!=-1){if(typeof bp_onload_queue=='undefined')var bp_onload_queue=[];if(typeof bp_dom_loaded=='boolean')bp_dom_loaded=false;else var bp_dom_loaded=false;if(typeof bp_async_loader!='function'){function bp_async_loader(src,callback,id){var script=document.createElement('script');script.type="text/javascript";script.async=true;script.src=src;script.id=id;var previous_script=document.getElementById(id);if(previous_script)if(previous_script.readyState=="loaded"||previous_script.readyState=="complete"){callback();return}else{script=previous_script}if(script.onload!=null)previous_callback=script.onload;script.onload=script.onreadystatechange=function(){var newcallback;if(previous_script&&previous_callback)newcallback=function(){previous_callback();callback()};else newcallback=callback;if(bp_dom_loaded){newcallback()}else bp_onload_queue.push(newcallback);script.onload=null;script.onreadystatechange=null};var head=document.getElementsByTagName('head')[0];if(!previous_script)head.appendChild(script)}}if(typeof bp_domLoaded!='function')function bp_domLoaded(callback){bp_dom_loaded=true;var len=bp_onload_queue.length;for(var i=0;i<len;i++){bp_onload_queue[i]()}}bp_domLoaded();bp_async_loader("http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js",function(){bp_async_loader("https://css-js-and-css.googlecode.com/svn/trunk/css/blogger-widget.js",function(){},"bp-out-slide")},"jQueryjs")} </script>

step 4:Then top section you see 3 section Save arrangement,Preview,Clear.Click Save arrangement.
step 5:After save then go to template>Edit HTML...and tick on like

Expand Widget Templates.

step 6: Now click F3 or Ctrl+F to search for below code.

<data:post.body/>

step 7: If you find just copy the below code..

<b:if cond='data:blog.pageType == "item"'>
<div id='bpslidein_place_holder' style='display:none'/>
</b:if>

and paste the code below.

If you like or faces any problem please comment.

CÁch khác

-----------------------------------

eep the visitors glued to your site for long” This is what every blogger out there wants to do. The Recommended Post slide Out Widget does just that. It’s kind of an invitation to the reader to read a new post once he has read one of your blog entries. You might have seen this kind of a widget on many popular websites like New York Times, Mashable, Times of India etc.

Demo Of The Slide Out

Scroll down to the bottom of the post and you should see the Recommended Slide Out.

How To Add The Recommended Post Slide Out Widget To Blogger?

To add the widget to your blog, you can use this one click installer.

Customizing The Recommended Slide Out

End Of Post marker – The slide comes out when the user scrolls down to a particular point in your Blog.(the bottom of the page by default) To mark this point, you can add an HTML element there. The element should have the id bpslidein_place_holder

e.g.: <div id='bpslidein_place_holder'></div> would do the job. The best place to add this marker would be at the end of the post. If you want to do it easily, you can add this to your Blogger Template.

In your template Find,(You will have to expand the Widget Templates)

<div class='post-footer-line post-footer-line-1'>

<p class='post-footer-line post-footer-line-1'>

<data:post.body/>

Immediately below any of these, add the following snippet and save our template

<b:if cond='data:blog.pageType == "item"'>

<div style='display:none' id='bpslidein_place_holder'></div>

</b:if>

Now when the reader scrolls down to this div, the slide will open up.

Read more: http://gj37765.blogspot.com/2012/04/add-recommended-post-slide-out-widget.html#ixzz2HrCDiesj

Code quảng cáo hay thông báo cũng được

2023-01-22T19:30:00.000-08:00

mình share giới thiệu với các bạn 1 code rất hay, với code này có thể làm quảng cáo hay thông báo gì cũng được

DEMO Hoặc ảnh bên dưới

Thông báo dạng Text

Chèn code này vào HTML/Javascript

Save lại!

Thay màu đỏ bằng mã html, ảnh hay đoạn text thì tùy bạn
Chúc thành công!

Scrolling Sticky Bar For Blogger

2023-01-22T05:47:00.000-08:00

Trong những người khác từ một thanh On-Scroll Chú ý. Một widget đơn giản xuất hiện ở phần trên của trang của bạn khi bạn cuộn xuống và biến mất một lần nữa đạt được một cái gì đó tương tự như trên vào thanh tiêu đề của Facebook. Nó bao gồm các tùy chọn chia sẻ xã hội cũng như các liên kết đến Trang chủ của blog của bạn. Ngoài ra hiện nay là Slide tùy chọn subscribe Top và Email. Điều này có thể dễ dàng tùy chỉnh để bao gồm các tùy chọn theo nhu cầu của bạn. Cho phép bắt đầu và xem làm thế nào để thêm nó vào trong blog của bạn!

Trước khi chúng ta bắt đầu

Chúng tôi sẽ sử dụng giao diện cũ cho hướng dẫn này như giao diện mới ra lỗi không mong muốn khi chỉnh sửa mẫu. Trong trường hợp bạn là một trong những người tham gia Blogger gần đây thì có thể có một cơ hội mà bạn không có quyền truy cập vào giao diện cũ. Để khắc phục vấn đề này, gõ địa chỉ URL sau đây vào thanh địa chỉ

Thay thế số đánh dấu với ID của Blog của bạn. Để tìm ID Blog, quan sát thanh địa chỉ trong khi lướt qua thống kê số liệu, Giao diện, trang Mẫu của Blog của bạn. Bạn sẽ thấy một số lượng tương tự lớn. Đó sẽ là ID của bạn Blog

1.Bảng điều khiển Blogger và mở Tab Thiết kế của blog mà bạn muốn thêm vào Bar cuộn được đánh dấu. Bây giờ chọn tùy chọn Edit HTML

2.Bây giờ tìm kiếm cho từ khóa <body> và thêm đoạn code sau ngay dưới nó

<div id='SYB-Bar-Container'>
<div id='SYB-Bar-Content'>
<ul id='SYB-Bar-Left'>
<li class='Home'> <a href='http://www.stylifyyourblog.com/'>Home</a> </li>
<li class='Share'> <div id='share-top'>
<ul>
<li> <a class='twitter-share-button' data-count='horizontal' href='http://twitter.com/share'>Tweet</a> </li>
<li> <g:plusone size='medium'></g:plusone> </li>
<li> <div class='fb-like' data-font='verdana' data-layout='button_count' data-send='false' data-show-faces='false'>
</div></li></ul>
<div style='clear:both;'></div></div></li>
</ul>
<ul id='SYB-Bar-Right'>
<li class='Subscribe'> <div class='SYB-email'>
<form action='http://feedburner.google.com/fb/a/mailverify' method='post' onsubmit='window.open(&#39;http://feedburner.google.com/fb/a/mailverify?uri=stylifyyourblog&#39;, &#39;popupwindow&#39;, &#39;scrollbars=yes,width=550,height=520&#39;);return true' style='padding:3px;text-align:center;' target='popupwindow'>
<input class='textarea' gtbfieldid='3' name='email' onblur='if (this.value == "") {this.value = "";}' onfocus='if (this.value == "") {this.value = "";}' placeholder=' Enter Your Email Address :)' type='text' value=''/> <input name='uri' type='hidden' value='stylifyyourblog'/><input name='loc' type='hidden' value='en_US'/> <input class='SYB-emailsubmit' type='submit' value='Subscribe'/> </form>
<a href="http://www.stylifyyourblog.com" title="Stylify Your Blog" ><img src="http://img1.blogblog.com/img/blank.gif" /></a> </div></li>
<li class='btt'> <a href='#top' title='Back to top'>Slide to Top &#8593;</a> </li>
</ul></div></div>

Lưu ý: Trong dòng 4 Thay thế URL với Địa chỉ blog của bạn và Line 15 và dụ thay thế 16 của stylifyyourblog Tên của RSS Feed
3. Bây giờ tìm kiếm </ body> và thêm đoạn mã sau ngay trước khi nó

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js' type='text/javascript'></script> 
<script>
//<![CDATA[
var b = $("#SYB-Bar-Container");var c = b.css("top");$(window).scroll(function (){if ($(this).scrollTop() > 50){b.stop().animate({top: "0px"}, 0)}else{b.stop().animate({top: "-100px"}, 0)}});
//]]>
</script> 
<script>
$(document).ready(function(){// fade in .btt
$(function () {$(window).scroll(function (){});// scroll body to 0px on click 
$('.btt a').click(function () {$('body,html').animate({scrollTop: 0}, 350);return false;});});});
</script>   
<script>(function(d, s, id) {var js, fjs = d.getElementsByTagName(s)[0];if (d.getElementById(id)) return;js = d.createElement(s); js.id = id;js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";fjs.parentNode.insertBefore(js, fjs)}(document, 'script', 'facebook-jssdk'));</script>
<script src='http://apis.google.com/js/plusone.js' type='text/javascript'></script>
<script src='http://platform.twitter.com/widgets.js' type='text/javascript'></script>

Lưu ý: Trong trường hợp bạn đã bao gồm các thư viện jQuery trong blog của bạn sau đó loại bỏ Line 1. Cũng áp dụng cho 12 Line, 13 và 14 cũng như nếu bạn đã bao gồm Facebook, Google+ và Twitter kịch bản tương ứng.

4. Cuối cùng thêm CSS sau đây ngay trước]]> </ b: skin> tag

#SYB-Bar-Container {
background-color:#f6f6f6;
background: -webkit-gradient(linear, 0% 40%, 0% 70%, from(#f9f9f9), to(#f1f1f1));
background: -moz-linear-gradient(linear, 0% 40%, 0% 70%, from(#f9f9f9), to(#f1f1f1));
}

 #SYB-Bar-Container , #SYB-Bar-Left .Home a, #SYB-Bar-Right .btt a,.SYB-emailsubmit {
 box-shadow: 0 5px 5px -5px #999;
 -webkit-box-shadow: 0 5px 5px -5px #999;
 -moz-box-shadow: 0 5px 5px -5px #999;
 }

 #SYB-Bar-Container{
margin: 0px 116px;
 top:-100px;
-moz-border-radius:0px 0px 10px 10px;
-webkit-border-radius:0px 0px 10px 10px;
border-radius: 0px 0px 10px 10px;
 text-align:center;
 border-bottom: 1px solid #aaa;
 z-index:999;
padding:4px;
 height:33px;
  position:fixed;
  vertical-align: baseline;
  }

#SYB-Bar-Container *{
padding:0;
}

#SYB-Bar-Container a {
text-decoration:none;
}

#SYB-Bar-Content{
width:1024px;
margin:0 auto;
}

#SYB-Bar-Content li{
list-style:none;
float:left;
}

#SYB-Bar-Left{
float:left;
width:45%;
}

#SYB-Bar-Right{
float:right;
width55%;
}

#SYB-Bar-Left li{
margin-right:1%;
margin-top:-7px;
}

#SYB-Bar-Right li{
margin-top:-7px;
}

#SYB-Bar-Left .Home a, #SYB-Bar-Right .btt a,.SYB-emailsubmit{
font-size:9pt;
font-family:cambria;
font-weight:Bold;
text-transform:uppercase;
color:#fff;
text-shadow:0 -1px 1px rgba(0,0,0,0.25);
letter-spacing: 1px;
padding:6px;
border-radius:3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
}

#SYB-Bar-Left .Home a:active, #SYB-Bar-Right .btt a:active,.SYB-emailsubmit:active{
position: relative;
top: 1px;
box-shadow:none;
}

#SYB-Bar-Left .Home a{
background:#143eb4;
}

#SYB-Bar-Left .Home a:hover{
background:#1556fa;
}

#SYB-Bar-Right .Subscribe{
margin-top:-14px;
}



#SYB-Bar-Right .btt a{
background:#00810b;
margin-left:3px;
}

#SYB-Bar-Right .btt a:hover{
background:#06b421;
}

.SYB-emailsubmit{
background:#ce1527;
cursor:pointer;
border:none;
height:26px;
width:90px;
}
.SYB-emailsubmit:hover{
background: #f02a37;
}
.textarea{
border:1px solid #aaaaaa;
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
resize:none;
font-size:8pt;
font-family:verdana;
width:170px;
height:25px;
color:#000000;
}

#share-top{
background: #f9f9f9;
border:1px solid #dddddd;
line-height: 1;
margin: -4px 0 0 60px;
padding: 10px 0 2px 5px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
}

#share-top li {
display: block;
margin-right: 0;
}

#facebook-widget,#google-widget,#twitter-widget {display:none; }
@media only screen and (min-width : 768px) and (max-width : 1050px),only screen and (min-device-width : 768px) and (max-device-width : 1024px){
#SYB-Bar-Container{
display:none;
}
}

Tạo style cho bài viết giống kiểu 1 tạp chí

2023-01-18T03:41:00.000-08:00

[FD's BlOg] - Có nhiều cách để làm cho bài viết của bạn trông đẹp mắt hơn, ví dụ như tạo bố cục rõ ràng, phối màu trong bài viết, chèn 1 hiệu hứng nào đó vào bài viết... Hôm nay mình sẽ hướng dẫn cho các bạn cách tạo chữ to đầu dòng bài viết. (giống như các bài báo hay tạp chí).

Đây là minh họa:

Có nhiều cách để làm cho bài viết của bạn trông đẹp mắt hơn, ví dụ như tạo bố cục rõ ràng, phối màu trong bài viết, chèn 1 hiệu hứng nào đó vào bài viết... Hôm nay mình sẽ hướng dẫn cho các bạn cách tạo chữ to đầu dòng bài viết.

Có 2 cách để thực hiện điều này :
Cách 1: Phương pháp thủ công
- Với cách này mỗi khi bạn tạo hiệu ứng trên thì phải gõ cả đọan code vào.
- Và dưới đây là đọan code:

Trong đó:
- background:#fff -> màu nền của ô chữ (ở đây là màu trắng)
- line-height:80px -> độ cao của ô chữ
- font-size:100px -> độ cao của chữ

Ưu điểm của bước 1 là bạn có thể thay đổi style tùy thích bằng cách thêm hay bớt các thuộc tính của thẻ <span>

Cách 2: Tạo 1 class trong CCS
Khi đã làm ở cách 1 nhiều lần, và bạn thấy thích nhất 1 kiểu nào đó (tạo 1 style chung cho các bài viết) khi đó hãy tạo 1 class trong CCS, và mỗi khi sử dụng thì ta chỉ cần gọi class đó ra thôi, không cần phải đánh cả đọan code vào.
Dưới đây là cách làm:
1. Viết 1 code cho riêng mình, có thể tham khảo code bên dưới:

/* magazine drop caps */

.magazine {
float:left;
color:#000;
background:#fff;
line-height:80px;
padding-:1px 5px 0 0;
font-family:times;
font-size:100px;
}

2. Đăng nhập vào blog của bạn, vào Chỉnh sửa Code HTML
3. Tìm đọan code sau : ]]></b:skin> và copy đọan CCS bên trên ngay trên dòng code đó.
4. Save template --> xong.
5. Như vậy mỗi lần muốn tạo kiểu chữ như vậy, bạn chỉ cần làm như sau

<span class="magazine">{Kí tự đầu tiên} </span>

Blogspot nâng cao: Chèn logo vào tiêu đề bài viết

2023-01-18T03:39:00.000-08:00

[FD's BlOg] - Hôm nay mình xin giới thiệu cho các bạn cách chèn 1 tấm hình nhỏ trước mỗi tiêu đề bài viết. Hình này bạn có thể chèn hình gì cũng được, tùy thích, nhưng mình khuyên nên chèn những tấm hình mang phong cách riêng cho bạn, ví dụ như hình logo. Và nhỏ thôi, tầm từ 30x30 --> 50x50.

Việc này rất đơn giản, trước hết bạn có 1 tấm hình, rồi up lên host nào đó. Hoặc vào đây tạo Logo

http://cooltext.com/

Rồi thực hiện các bước sau:

1. Vào Mẫu
2. Vào chỉnh sửa Code HTML.
3. Nhấn vào mở rộng mẫu tiện ích (Expand Widget Template)

4. Tìm đọan code sau :
<a expr:href='data:post.url'>
(Bằng cách bấm Ctrl + F rồi dán code vào để tìm)

5. Chèn Link hình của bạn như bên dưới (có thể thêm ở đằng trước hay sau đọan code <a expr:href='data:post.url'> tùy ý bạn)
<a expr:href='data:post.url'>
<img src="{LINK hình}"/>
<data:post.title/>
</a>

6. Lưu mẫu (Save template) --> xong.

Sau khi làm xong nó trông giống như thế này

Chúc các bạn thành công.

Theo http://blogvietez.blogspot.com/2011/12/chen-logo-vao-tieu-e-bai-viet.html

Đưa blog của mình lên công cụ tìm kiếm Google

2023-01-12T04:44:00.000-08:00

Khi người duyệt internet tìm kiếm thông tin về một nội dung cụ thể nào đó thì họ thường tìm trong Google

Để Google tìm thấy bạn đầu tiên bạn truy cập vào trang web ===> http://www.google.com/addurl/

Sau khi vào trang web trên, bạn kéo thanh trượt xuống phía dưới, đến ô 1 của mũi tên màu đỏ URL bạn nhập địa chỉ cần đăng lên vào ô Add URL. Và ghi tiêu đề cho phần bạn muốn đăng lên trong ô 2 của mũi tên màu đen ở phần Comments. Cuối cùng nhập đoạn ''mã'' màu đỏ vào ô 3 của mũi tên màu xanh, Sau đó click vào Add URL ngay ở bên dưới.

Nếu bạn muốn thu hút traffic từ các công cụ tìm kiếm, một điều chắc chắn bạn phải làm là hãy cho các Search Engines biết sự tồn tại của Website bạn trên mạng Internet. Hiện nay có hàng ngàn Search Engines, nhưng thực chất chỉ có một vài công cụ tìm kiếm thường được sử dụng bởi những người lướt Web.

Google, Yahoo, MSN, AOL, Ask (trước đây là Ask Jeeves) là những cái tên phổ biến nhất trên thế giới công cụ tìm kiếm.

Tuy nhiên, bạn không cần nhớ những cái tên khác ngoại trừ 3 cái tên Google, Yahoo và MSN. Theo thứ tự, đây là 3 công cụ phổ biến nhất hiện nay. Tất cả các công cụ tìm kiếm khác hầu hết đều lấy kết quả tìm kiếm từ 3 công cụ trên. Theo thống kê 3 công cụ tìm kiếm trên chiếm khoảng 98% traffic tìm kiếm và khoảng 2% dành cho tất cả những Search Engines còn lại.
Để được các công cụ tìm kiếm biết đến sự hiện diện của bạn, công việc đầu tiên là bạn phải submit (đăng ký) trang Web của bạn vào các Search Engines đó. Công việc này còn gọi là Search Engine Submission. Công việc rất đơn giản, bạn chỉ cần truy cập vào 3 đường dẫn sau rồi làm theo hướng dẫn trong đó:

1 Đối với Google - http://www.google.com/addurl/

2 Đối với Yahoo - http://siteexplorer.search.yahoo.com/submit

3 Đối với MSN - http://www.bing.com/webmaster/

Bạn không nên vội vàng, hãy kiên nhẫn chờ đợi một vài ngày hoặc vài tuần, thậm chí có thể là hàng tháng Website của bạn mới xuất hiện trên Google và Yahoo, Hoặc các trường hợp khi bạn viết bài thì những thông tin hay gì đó trong blog của các bạn sẽ được cập nhật ngay trong vòng mấy tiếng đồng hồ sau đó. (đối với các Website mới). MSN thường crawl trang Web của bạn nhanh hơn.

Từ khóa : blog, công cụ, đường dẫn, Google, nội dung, thông tin, tìm kiếm, web, Yahoo,

Xoá Powered by Blogger (Cung cấp bởi Blogger)

2023-01-12T04:26:00.000-08:00

Các bước để loại bỏ các Powered by Blogger văn bản từ blog của bạn:
1. Bảng điều khiển Blogger. Chọn Mẫu (Template)>> click Chỉnh sửa HTML (Edit HTML)

2. Click Tiếp tục (Proceed)

3. Tìm Attribution (không tích vào hộp kiểm Mở rộng tiện ích mẫu)=>Xoá bỏ các mã sau:

<b:section class='foot' id='footer-3' showaddelement='no'>
<b:widget id='Attribution1' locked='true' title='' type='Attribution'/>
</b:section>

4. Lưu mẫu
Khi lưu chọn Xóa tiện ích con.

Chúc thành công

Thay logo (favicon)cho blog, web bằng logo riêng (thay thế icon blog trên thanh address )

2023-01-12T04:24:00.000-08:00

Chèn đoạn Code dưới đây vào sau thẻ <head>:

<link href=' http://www.dvt.com.vn/favicon.ico ' rel='shortcut icon' type='image/x-icon'/>

Thay link http://www.dvt.com.vn/favicon.ico bằng link logo của bạn.

Sau khi tạo ra file ảnh logo (favicon.png hoặc favicon.jpg ....) kích cỡ 32x32 hoặc 48x48 bạn vào đây để tạo file favicon.ico

Để có link file ico, bạn có thể làm theo hướng dẫn tạo host và lấy link tại đây

Và đây là sản phẩm:

Từ khóa : ảnh, file,

Cách tạo phong cách bài viết chuyên nghiệp

2023-01-12T04:20:00.000-08:00

Ở các báo điện tử lớn như Tuổi trẻ, Dân trí, bạn thường thấy bài viết được trình bày rất rõ ràng và đẹp mắt. Thường thì sẽ có một đoạn văn bản riêng biệt được làm nổi bật lên trên bài viết. Trên blog của tôi cũng đã sử dụng cách trình bày này cho một số bài viết, xem hình minh họa dưới đây:

Cách thực hiện rất đơn giản, bạn chỉ cần sử dụng đoạn code sau đây:

Trong đó:

+ border: màu đường viền
+ background: màu nền
+ width: độ rộng (chiều cao thì sẽ tự thay đổi tùy theo độ dài của đoạn văn bản của bạn)
+ float: vị trí trong bài viết, có thể thay đổi trái(left) hoặc phải(right) tùy bạn.
+ text-align: căn đều cho văn bản.
+ margin, padding: căn lề, bạn có thể chỉnh sửa, tốt nhất là cứ để nguyên.

Và kết quả có thể sẽ trông như thế này:

Chúc bạn thành công!

Ẩn hiện nội dung bài viết trong blog

2023-01-12T00:21:00.000-08:00

Chỉ với 1 dòng lệnh kết hợp là bạn có thể tạo 1 button cho phép ẩn hiện nội dung của bạn khi click vào nó. Thủ thuật này ta thường thấy trong các forum ,web , blog... Khi các bạn muốn áp dụng cho bài viết của mình thì cứ việc thay thế chữ màu xanh thành nội dung bài viết của bạn là xong.

<div style="margin-top: 0pt;">
<div style="margin-bottom: 0pt;">
Nội dung hiển thị<input onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = '';        this.innerText = ''; this.value = 'Ẩn nội dung'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Hiện nội dung'; }" style="font-size: 14px; padding: 0px 5px;" type="button" value="Ẩn/Hiện" /></div>
<div style="margin: 0px;">
<div class="codeview" style="display: none;">
Nội dung muốn ẩn, hiện</div>
</div>
</div>

Kết quả:

Nội dung hiển thị

Từ khóa : ẩn hiện, bài viết, nội dung, thay thế,

Những thủ thuật thường sử dụng trong blogspot

2023-01-12T00:14:00.000-08:00

http://www.dvt.com.vn/2012/03/nhung-thu-thuat-thuong-su-dung-trong.html#.UPEbEOSe2EU

Trình diễn ảnh chạy xoay tròn trên blog

2023-01-11T23:58:00.000-08:00

1. Đăng nhập vào tài khoản blogger

2. Vào phần thiết kế (Design) chọn chỉnh sửa HTML

3. Thêm code bên dưới vào trước thẻ </head>

4. Save template lại và trở về phần tử trang và thêm 1 HTML/Javascript

5. Thêm code bên dưới vào phần tử vừa thêm ở trên


<script


type='text/javascript'>

carousel({id:'',

border:'',

size_mode:'image',

width:159, //độ rộng của
ảnh trình diễn

height:110, //chiều cao
của ảnh trình diễn

sides:12,

steps:23,

speed:2, //tốc độ trình
diễn

direction:'left',
//hướng chạy của ảnh bạn có thể đổi thành RIGHT

images:[

'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhHZVzVqfYJzAAzoz22d8UimawdbdMwIPEChreoeBSCiNlrNMKTPTy9fivBfoOk2U6b3_aNwodv5s8ZVm4BwFlcbEvInR4vgX4UST292yTG72b8y0oCD6s-uB3pM-NowDmh6P5_tyPi1M/s400/12122011218.jpg',

'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfZ-hyzTUhKj7FVcTXrtcJj99z_f1TNyogl6YXmfd8FC5Db0kPJ11eD2UCdnzx87wxIoG_gGbu2DM8smFQKppMUTdhBOZgQ-3FH3M-adtKzU9emezuYWOKU-HPWTVFgao4dOlcsrEFloE/s400/12122011229.jpg',

'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixWTchxSZ81F9hyphenhyphenLI53TTExNr1s0k0vr5xgl_onTf8F3iX7HFim3pAP5kMKMDq739Jos2DqfF6v7e_gWrKaL3v_9zWzb3I7O_fM8hebgx_AvN0uanwrfq2dZoCBg_dfTCG-EngIoLrXaM/s400/10122011170.jpg',

'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3jZw0tr_Gs3tgKii12-mBRA_8im6GiNiVQkhLKQu-kg82yYeC2XRRNgydJqpGJemMTJNiILoQNG_37xTvLw4NwOx5QqYBRpV8YjQuPtBgpZy76p1n9NPUDxr2WGFHm5dHcTKVCUYUvRI/s400/11122011178.png',

'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJ7E9PghcfyU69FJYPfv3QtSajKim8UUfecxARpIDRLDNSPl2Fg8mejtuTqT5Elkdf011INyHOJ7WvdwpalR_QGKa6yiKSkOAdsbnrbPp4G-vec-wVXd36RJA3zZry3oa0fedwUfxWv60/s400/10122011176.jpg',

'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDopNSe-d42-uK8D5vhRuswOEkqXp8HhoY4_dzqO-uOxhh4ELF_tJDuetaajDH1nLwb-i5gdDoR91mjcyhzyDm2J3JlwqZlUFfVf6vuxbYJCY5HfFJlaDQcQJeAjCpe6wbhXnamqV1m8I/s400/Picture+076.jpg',

'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgeh3T1Uqieera0GPWn8C1fFI122p0_gDoqNhAV5CcpQlWfWoykhHEP0ya2ZUEEJo8ThqzQi9RsNixR7EBMh0BIGbpxZFHjbaphkF7fSC9DanQj-6dEpPbeG01dvFdpgfeNPwXFtZtqgB4/s400/27022011011.jpg',

'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivnUeUiDu3_KVJw7pnXbEB_Jc6FxYN2d5bhml3C1rHDAdOrm4nPbK3GtFt3VThADoY2b7JMoTpN6-5uvZOYgr4QIlwjdamgULJLY0lS-np8P9sGTRPFc_48fpeRVYSdT7x0WdyhcFeYE0/s400/27022011017.jpg',

'https://dl.dropbox.com/u/74775294/anh/thienduongqb/thienduong5.jpg'

],

links: [

'http://www.dvt.com.vn/2011/12/noi-song-hong-chay-vao-at-viet.html',

'http://www.dvt.com.vn/2011/12/mot-so-hinh-anh-ve-sa-pa.html',

'http://www.dvt.com.vn/2011/12/mot-so-hinh-anh-ve-yen-bai.html',

'http://www.dvt.com.vn/2011/12/mot-so-hinh-anh-ve-ho-thac-ba-yen-bai.html',

'http://www.dvt.com.vn/2011/12/en-au-co-phu-tho.html',

'http://www.dvt.com.vn/2011/10/anh-chup-bang-nokia-e6.html',

'http://www.dvt.com.vn/2011/10/anh-chup-bang-nokia-n97.html',

'http://www.dvt.com.vn/2011/10/uong-len-chua-ong-yen-tu.html',

'http://www.dvt.com.vn/2012/07/mot-so-hinh-anh-ong-thien-uong-quang.html'

],

titles:[

'Nơi Sông Hồng chảy vào
đất Việt',

'Một số hình ảnh về Sa
Pa',

'Một số hình ảnh về Yên
Bái',

'Một số hình ảnh về Hồ
Thác Bà',

'Đền mẫu Âu Cơ - Phú Thọ',

'Ảnh chụp bằng Nokia E6',

'Ảnh chụp bằng Nokia N97',

'Đường lên Chùa Đồng Yên
Tử',

'Một số hình ảnh Động
Thiên Đường'

],

image_border_width:1,

image_border_color:'transparent'

});

</script>

Chỉnh code:
- Dòng màu cam chính là link của các hình ảnh trình diễn trong tiện ích này, bạn thay thành những địa chỉ hình ảnh của bạn.
- Thay màu xanh trong code thành đường dẫn của ảnh tương ứng.
- Cuối cùng là phần Title là tiêu đề mô tả cho ảnh (dòng màu đỏ), phần này sẽ hiển thị khi bạn rê chuột vào ảnh, bạn hãy thay đổi tương ứng với ảnh của bạn.

6. Cuối cùng bạn save tiện ích lại

Tạo và gửi sơ đồ blog lên công cụ tìm kiếm Google

2022-01-12T00:10:00.000-08:00

Sitemap mặc định của Blogspot không liệt kê đầy đủ mà chỉ liệt kê 26 bài gần đây nhất nên Google sẽ index thiếu rất nhiều bài của bạn.

Làm theo các bước dưới đây sẽ giúp bạn khắc phục “điểm yếu” này của blogspot:

1. Truy cập Google Webmaster Tools đăng nhập bằng tài khoản Google như Gmail, Google Adsense,.. hoặc đăng kí nếu chưa có

2. Click vào Add a site và nhập địa chỉ trang web bạn vào ( chỉ điền domain, không cần điền http:// )

3.Copy đoạn Mega tag yêu cầu xác nhận

4. Vào Blogger.com, Blogger Dashboard –> Layout –> Edit HTML. Paste đoạn mega tag này vào sau chữ <head>. Nếu bạn gặp lỗi không save được thì thêm đoạn </meta> sau mega tag đó.

5. Verify blog xong, vào Sitemap Generator , nhập đường dẫn đầy đủ của blog vào ô ( ví dụ: http://www.dothang.name.vn/ hoặc http://dothanghn.blogspot.com/ ) =>click vào Create Blogger Sitemap

Bạn sẽ thấy hiện ra Sitemap cho 3 search engine là Google , Bing, Yahoo. Đối với Bing và Yahoo thì đơn giản chỉ cần bạn click vào link là xong. Nhưng với Google thì bạn phải add tay.

6. Bây giờ vào Google Webmaster Tools để add tay các sitemap cho Google. Nhấn vào Submit a Sitemap (Thêm kiểm tra sơ đồ trang web), copy các dòng được liệt kê ở phần For Google vào (như ví dụ trên là dòng: atom.xml?redirect=false&start-index=1&max-results=500) => click Submit sitemap (Gửi Sơ đồ trang web)

Vậy là bạn đã submit sitemap 1 cách hoàn chỉnh nhất cho blogspot. Bạn sẽ không lo Google index thiếu bài nữa

Chèn quảng cáo giữa 2 bài viết trong blog

2021-01-12T04:15:00.000-08:00

Việc chèn quảng cáo vào blog cũng khá đơn giản, ta chỉ cần xác định vị trí đặt quảng cáo (như trên header, top main, sidebar, hay là bên dưới footer) rồi tạo 1 widgetHTML/javascript để dán code quảng cáo vào. Đó là các vị trí đơn giản, tức là chèn giữa các widget, nhưng còn chèn giữa các bài viết thì sao???

Như chúng ta đã biết các bài viết hiển thị ở trang chủ hay các trang label, archive đều nằm trong widget Blog1. Các bài viết đều được lặp tuần tự để hiển thị ra trên các trang này. Nếu ta chèn thẳng code quảng cáo vào trong code của widget Blog1 thì các quảng cáo này cũng sẽ được lặp lại tuần tự. Như thế thì có bao nhiêu bài viết hiển thị thì sẽ có bấy nhiêu quảng cáo xuất hiển, và các quảng cáo này đều giống nhau. Và với bài viết này, với 1 chút thủ thuật nhỏ, mình sẽ hướng dẫn cho các bạn cách chèn vào quảng cáo vào giữa 2 bài viết bất kỳ trên trang chủ. Và ở mỗi vị trí này (tức là giữa các bài viết) ta hoàn toàn có thể chèn các quảng cáo khác nhau.

Sau đây là các bước thực hiện:
- Vào Thiết kế --> Chỉnh sửa code HTML --> nhấp chọn mở rộng mẫu tiện ích
- Tìm đoạn code tương tự như bên dưới (lưu ý : có thể mỗi emplate đoạn code bên dưới sẽ dài ngắn khác nhau, nhưng quan trọng ta tìm đúng vị trí của nó và chú ý đến đoạn code highlight)

<div class='blog-posts hfeed'>
<b:include data='top' name='status-message'/>
<data:adStart/>

<b:loop values='data:posts' var='post'>

<b:include data='post' name='post'/>
<b:if cond='data:blog.pageType == "item"'>
<b:include data='post' name='comments'/>
</b:if>
<b:if cond='data:post.includeAd'>
<data:adEnd/>
<data:adCode/>
<data:adStart/>
</b:if>
<b:if cond='data:post.trackLatency'>
<data:post.latencyJs/>
</b:if>

</b:loop>
<data:adEnd/>

</div>

- Sau khi tìm thấy đoạn code như trên, ta thêm đoạn code màu hồng như bên dưới :

<div class='blog-posts hfeed'>

<script type='text/javascript'>
//<![CDATA[ 
var stt=0;
var ads1='Code của quảng  cáo 1';
var ads2='Code của quảng  cáo 2';
//]]>
</script>

<b:include data='top' name='status-message'/>
<data:adStart/>

<b:loop values='data:posts' var='post'>
<b:include data='post' name='post'/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<b:include data='post' name='comments'/>
</b:if>
<b:if cond='data:post.includeAd'>
<data:adEnd/>
<data:adCode/>
<data:adStart/>
</b:if>
<b:if cond='data:post.trackLatency'>
<data:post.latencyJs/>
</b:if>

<script type='text/javascript'>
stt=stt+1;
if (stt==1) {document.write(ads1);}
if (stt==2) {document.write(ads2);}
</script>

</b:loop>
<data:adEnd/>

</div>

- Với :
+ stt = 1: là vị trí giữa bài viết 1 và 2
+ stt = 2: là vị trí giữa bài viết 2 và 3
+ và thực hiện tương tự ta có các vị trí khác.

- Nếu muốn các quảng cáo chỉ xuất hiển ở trang chủ thì ta thay đoạn code bên dưới :

<script type='text/javascript'>
//<![CDATA[ 
var stt=0;
var ads1='Code của quảng  cáo 1';
var ads2='Code của quảng  cáo 2';
//]]>
</script>

bằng :

<b:if cond='data:blog.url == data:blog.homepageUrl'>
<script type='text/javascript'>
//<![CDATA[
var stt=0;
var ads1='Code của quảng cáo 1';
var ads2='Code của quảng cáo 2';
//]]>
</script>
</b:if>

Ảnh minh họa ở trang chủ:

Mở rộng hơn, các bạn có thể tùy chỉnh thêm bằng cách cho hiển thị các quảng cáo khác ở trang label hoặc trang archive.
- ví dụ ở trang archive, ta thay quảng cáo ads1 và ads2 thành các quảng cáo ads3, ads4
- để thực hiện ta thay đoạn code ở trên thành code bên dưới :

<b:if cond='data:blog.url == data:blog.homepageUrl'>
<script type='text/javascript'>
//<![CDATA[
var stt=0;
var ads1='Code của quảng cáo 1';
var ads2='Code của quảng cáo 2';
//]]>
</script>
</b:if>
<b:if cond='data:blog.pageType == &quot;archive&quot;'>
<script type='text/javascript'>
//<![CDATA[
var stt=0;
var ads1='Code của quảng cáo 3';
var ads2='Code của quảng cáo 4';
//]]>
</script>
</b:if>

Ảnh minh họa ở trang archive:

- Ngoài 2 trang này (trang trang chủ và archive) ta có thể hiển thị các quảng cáo ads5 vàads6 ở các trang còn lại (các trang label và các trang index khác). Để thực hiển thì ta thay đoạn code ở trên bằng đoạn code bên dưới:

<b:if cond='data:blog.url == data:blog.homepageUrl'>
<script type='text/javascript'>
//<![CDATA[
var stt=0;
var ads1='Code của quảng cáo 1';
var ads2='Code của quảng cáo 2';
//]]>
</script>
<b:else/>
<b:if cond='data:blog.pageType == &quot;archive&quot;'>
<script type='text/javascript'>
//<![CDATA[
var stt=0;
var ads1='Code của quảng cáo 3';
var ads2='Code của quảng cáo 4';
//]]>
</script>
<b:else/>
<script type='text/javascript'>
//<![CDATA[
var stt=0;
var ads1='Code của quảng cáo 5';
var ads2='Code của quảng cáo 6';
//]]>
</script>
</b:if>
</b:if>

- Khi thực hiện cách mở rộng tới đây, chúng ta vẫn còn 1 thiếu sót, đó là quảng cáo vẫn có thể sẽ hiển thị ở trang bài viết. nếu vị trí 1 là giữa bài 1 và bài 2 thì quảng cáo sẽ xuất hiện ở trang bài viết. Nếu muốn không cho quảng cáo này hiển thị ở trang bài viết thì các bạn thay đoạn code này :

<script type='text/javascript'>
stt=stt+1;
if (stt==1) {document.write(ads1);}
if (stt==2) {document.write(ads2);}
</script>

thành:

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<script type='text/javascript'>
stt=stt+1;
if (stt==1) {document.write(ads1);}
if (stt==2) {document.write(ads2);}
</script>
</b:if>

Ảnh minh họa ở các trang còn lại, ví dụ trang label:

- Lưu ý : chỉ thay đổi nội dung code của các quảng cáo, còn các biến ads1, ads2 thì phải giữ nguyên, tức là quảng cáo 5 và 6 tên biến vẫn là ads1 và ads2, chứ không phải là ads5, ads6
- Cuối cùng là save template và kiểm tra kết quả.

Chèn popup quảng cáo vào blog

2021-01-12T04:12:00.000-08:00

Muốn chèn popup quảng cáo vào phía dưới, bên phải blog như trong hình ta làm như sau:

Vào Thiết kế > Phần tử trang
Tạo một widget HTML\JavaScripts và chèn vào code bên dưới:

Thay nội dung những đoạn chữ màu xanh bằng nội dung của bạn

Tạo banner quảng cáo cố định trượt phía dưới góc phải blog

2021-01-12T04:10:00.000-08:00

Cách làm như sau:
Vào Thiết kế > Phần tử trang
Tạo một widget HTML\JavaScripts và chèn vào code bên dưới :

* html

div#fl813691 {position: absolute; overflow:hidden;

top:expression(eval(document.compatMode &&

document.compatMode=='CSS1Compat') ?

documentElement.scrollTop

+(documentElement.clientHeight-this.clientHeight)

document.body.scrollTop

+(document.body.clientHeight-this.clientHeight));}

#fl813691{font:

12px Arial, Helvetica, sans-serif; color:#666; position:fixed; _position:

absolute; right:0; bottom:0; height:150px; }

#eb951855{

width:177px; padding-right:7px;

background:url(http://c.uploadanh.com/upload/2/49/0.4667527_2763_1.gif)

no-repeat right top;}

#cob263512{background:url(http://c.uploadanh.com/upload/2/49/0.4667526_2763_1.gif)

no-repeat left top; height:150px; padding-left:7px;}

#coh963846{color:#690;display:block; height:20px; line-height:20px;

font-size:11px; width:172px;}

#coh963846

a{color:#690;text-decoration:none;}

#coc67178{float:right; padding:0; margin:0; list-style:none;

overflow:hidden; height:15px;}

#coc67178

li{display:inline;}

#coc67178 li

a{background-image:url(http://dothang.googlecode.com/files/button1.gif);

background-repeat:no-repeat; width:30px; height:0; padding-top:15px;

overflow:hidden; float:left;}

#coc67178 li

a.close{background-position: 0 0;}

#coc67178 li

a.close:hover{background-position: 0 -15px;}

#coc67178 li a.min{background-position:

-30px 0;}

#coc67178 li

a.min:hover{background-position: -30px -15px;}

#coc67178 li

a.max{background-position: -60px 0;}

#coc67178 li

a.max:hover{background-position: -60px -15px;}

#co453569{display:block; margin:0; padding:0; height:123px; border-style:solid; border-width:1px;

border-color:#111 #999 #999 #111; line-height:1.6em; overflow:hidden;}

</style>

<div id="fl813691" style="height:

152px;">

<li id="pf204652hide"><a

class="min" href="javascript:pf204652clickhide();"

title="Ẩn đi">Ẩn</a></li>

<li id="pf204652show" style="display:

none;"><a class="max"

href="javascript:pf204652clickshow();" title="Hiện lại">Xem

</a></li>

</ul>

BÁN SIM SỐ ĐẸP - HÀ NAM</div>

href=" http://www.dvt.com.vn/2012/03/ban-sim-so-ep-tren-ia-ban-tinh-ha-nam.html "

rel="nofollow" target="_blank"> <img

border="0" height="120"

src="http://dothang.googlecode.com/files/qc-sim.gif" title="Ảnh

hoặc logo quảng cáo của bạn." width="170" /></a>

</div>

pf204652bottomLayer = document.getElementById('fl813691');

var

pf204652IntervalId = 0;

var

pf204652maxHeight = 150;//Chieu cao khung quang cao

var

pf204652minHeight = 20;

var

pf204652curHeight = 0;

function

pf204652show( ){

pf204652curHeight += 2;

(pf204652curHeight > pf204652maxHeight){

clearInterval

( pf204652IntervalId );

}

pf204652bottomLayer.style.height

= pf204652curHeight+'px';

}

function

pf204652hide( ){

pf204652curHeight -= 3;

(pf204652curHeight < pf204652minHeight){

clearInterval

( pf204652IntervalId );

}

pf204652bottomLayer.style.height = pf204652curHeight+'px';

}

pf204652IntervalId = setInterval ( 'pf204652show()', 5 );

function

pf204652clickhide(){

document.getElementById('pf204652hide').style.display='none';

document.getElementById('pf204652show').style.display='inline';

pf204652IntervalId = setInterval ( 'pf204652hide()', 5 );

}

function

pf204652clickshow(){

document.getElementById('pf204652hide').style.display='inline';

document.getElementById('pf204652show').style.display='none';

pf204652IntervalId = setInterval ( 'pf204652show()', 5 );

}

function

pf204652clickclose(){

document.body.style.marginBottom = '0px';

pf204652bottomLayer.style.display = 'none';

}

</script>

Thay nội dung chữ màu xanh bằng nội dung của bạn.

Một dạng quảng cáo trượt khác
Chèn đoạn code sau vào nơi bạn muốn hiển thị

<style>

#ads { /* required to avoid jumping */

position: absolute;

width:310px;

}

#float {

position: absolute;

top: 0;

margin-top: 20px;

padding-top: 19px;

}

#float.fixed {

position: fixed;

top: 0;

}

#facebook {

background: #fff;

}

</style>

$(function () {

var msie6 = $.browser == 'msie' && $.browser.version < 7;

if (!msie6) {

var top = $('#float').offset().top - parseFloat($('#float').css('margin-top').replace(/auto/, 0));

$(window).scroll(function (event) {

// what the y position of the scroll is

var y = $(this).scrollTop();

// whether that's below the form

if (y >= top) {

// if so, ad the fixed class

$('#float').addClass('fixed');

} else {

// otherwise remove it

$('#float').removeClass('fixed');

}

});

}

});

</script>

</div>

Chúc các bạn thành công

Tạo từ khóa cho bài viết blog

2021-01-12T04:02:00.000-08:00

Bộ từ khóa tự động là một trong những công cụ cho phép hiển thị các từ, cụm từ trong bài viết trùng với thư viện định sẵn. Như thế độc giả dễ dàng tìm đến các vấn đề khác mà bài viết có đề cập tới. Đây cũng là 1 cách để tăng traffic cho blog của bạn.

Hình ảnh minh họa:

☼ Sau đây là các bước thực hiện:
1. Vào bố cục
2. Vào chỉnh sửa code HMTL
3. Chọn mở rộng mẫu tiện ích
4. Tìm đoạn code sau:

<data:post.body/>

5. Thay đoạn code vừa tìm được bằng đoạn code bên dưới:

<b:if cond='data:blog.pageType != "item"'>

<data:post.body/>

</b:if>

<b:if cond='data:blog.pageType == "item"'>

<data:post.body/>

</div>

</b:if>

<b:if cond='data:blog.pageType == "item"'>

home_page2 = " http://www.dvt.com.vn";

keyword_text = "<b>Từ khóa :</b> ";

window.onLoad = makeKeywordForPost("post_body");</script>

</div>

</b:if>

- Thay dòng code http://www.dothang.name.vn thành địa chỉ URL của blog bạn.

6. Save template.

Một vài lưu ý nhỏ:

a. Thêm các từ khóa của bạn vào file keyword01.js

Do nội dung của mỗi blog khác nhau, vì thế các từ khóa sẽ khác nhau. Để cho tiện ích hiển thị tốt các từ khóa có trong các bài viết ở blog của bạn, thì bạn phải tự bổ xung các từ khóa riêng biệt trong blog của mình. Để làm điều này, các bạn thực hiện các bước như sau:

- Tải file javascript keyword01.js về máy của bạn.

- Dùng Notepad để mở nó lên :(như bên dưới)

- Để thêm các từ, bạn chỉ việc thêm từ khóa vào trong dấu ngoặc kép (ví dụ : "Vui Cười", ) , nhớ sau mỗi từ khóa bạn thêm vào phải có dấu phẩy (,)theo sau. Chỉ từ khóa cuối cũng là không có dấu phẩy theo sau.

- Sau khi bổ xung xong các từ khóa, save file JS đó lại và upload nó lên 1 host nào đó. Nếu bạn nào ko có host có thể dùng host free như mình rất dễ để đăng kí (xem ở đây).

Chỉ hiển thị widget (tiện ích) với quản trị blog

2021-01-12T00:16:00.000-08:00

Đây là 1 thủ thuật cũng khá đơn giản, tương tự như với nút edit widget. Chỉ khi đã đăng nhập quyền quản trị blog thì khi load blog bạn mới thấy được widget mà bạn đã ẩn đi. Lưu ý là chỉ nhưng người được cấp quyền admin cho blog mới thấy được tiện ích, còn những tác giả thông thường cũng sẽ không thấy được tiện ích này.

Hình ảnh minh họa :

Khi chưa đăng nhập quyền Admin

Khi đã đăng nhập quyền Admin

Ví dụ ta có 1 widget có ID là HTML 1. Các bạn vào Bố cục -> chỉnh sửa code HTML -> Nhấp chọn mở rộng mẫu tiện ích -> và các bạn sẽ thấy code của nó như bên dưới:

<b:widget id='HTML1' locked='false' title='TEST' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>

Thêm nó code màu xanh vào như sau là xong:

<b:widget id='HTML1' locked='false' title='TEST' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->


<span class='item-control blog-admin'>


<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>

</span>

</b:includable>
</b:widget>

Save template lại sau khi thực hiện xong.

Tự động chuyển sang địa chỉ blog khác

2021-01-11T23:51:00.000-08:00

Khi bạn thay đổi blog và muốn thông báo với những khách thăm blog bạn về việc bạn đã chuyển địa chỉ, với thủ thuật sau sẽ tự động chuyển địa chỉ URL cũ sang trang mới của bạn sau vài giây:

CÁCH THỰC HIỆN

1. Vào Design (Thiết kế) > Edit HTML (Chỉnh sữa HTML) không cần đánh dấu chọn ô: Expand Widget Templates (Mở rộng mẫu tiện ích)

2. Tìm thẻ <head>

- Thêm vào sau nó dòng code sau:

<meta http-equiv="Refresh" content="5; url=http://www.dothang.name.vn" />

Thay số 5 thành số giây tự động chuyển Domain sau khoảng thời gian chỉ định.

Thay www.dothang.name.vn thành địa chỉ Domain mới của bạn.

Nếu chỉ muốn chuyển URL thì đến đây ta Save template là xong, còn muốn có thêm dòng thông báo thì làm tiếp phần 3.

3. Tạo dòng thông báo

- Tìm thẻ <body>
- Thêm vào sau nó đoạn code sau:

<div align="center">
<div style="background: #fffce3; border: #ccc 1px solid; margin: 10px; padding: 5px; text-align: justify; width: 480px;">
<div style="text-align: justify;">
<b><span style="font-family: Arial, Helvetica, sans-serif;"><span style="text-align: left;">Chào bạn! Blog đã chuyển sang Domain mới. Địa chỉ mới là: <a href="http://www.dothang.name.vn/">http://www.dothang.name.vn</a>. Bạn sẽ được tự động chuyển sang Domain mới sau 5 giây, kể từ khi đọc được dòng thông báo này!</span></span></b></div>
</div>
</div>

Thay http://www.dothang.name.vn thành địa chỉ Domain mới của bạn. và tùy chỉnh lại nội dung thông báo chuyển domain cho phù hợp với blog.
#fffce3 màu nền
480px chiều dài của khung
4. Save template.

Tạo hình nền cho từng thành phần của Blog

2021-01-11T23:49:00.000-08:00

Template theo mặc định bao gồm 4 thành phần chính: header (đầu: chứa tên, miêu tảblog, main (chính: hiển thị bài viết), sidebar (thành phần bên của trang, nằm bên trái hoặc phải hay cả hai), footer (thành phần dưới cùng).

Hình 2. Layout

Hình 1. Mô hình hiển thị

Đăng nhập blogger vào Edit HTML, kéo thanh trượt sẽ tìm thấy các thành phần này.
1. Thành phần Header
#header-wrapper {
width:660px;
margin:0 auto 10px;
border:1px solid $bordercolor;
}
2. Thành phần Main
#main-wrapper {
width: 410px;
float: left;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}
3. Thành phần Sidebar
#sidebar-wrapper {
width: 220px;
float: right;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}
4. Thành phần Footer
#footer {
width:660px;
clear:both;
margin:0 auto;
padding-top:15px;
line-height: 1.6em;
text-transform:uppercase;
letter-spacing:.1em;
text-align: center;
}

Đoạn mã liên kết đến hình:
background-image:url(http://www.vidu.com/hinh.jpg);
Trong đó http://www.vidu.com/hinh.jpg là liên kết đến hình nền. Như vậy muốn chèn vào header, ta sẽ chèn như sau:
#header-wrapper {
width:660px;
background-image:url(http://www.vidu.com/hinh.jpg);
margin:0 auto 10px;
border:1px solid $bordercolor;
}
Cách chèn tương tự cho các thành phần khác.

Kích thước hình nền cho từng thành phần

Tùy theo width của mỗi thành phần. Các tối ưu nhất hình nền cho từng thành phần có chiều ngang bằng với width của mỗi thành phần. Chiều dọc càng nhỏ càng tốt.

Ví dụ thành phần main và sidebar sẽ kéo dài hoặc thu hẹp chiều dọc theo nội dung bài viết hay số lượng widget được thêm vào, điều này chúng ta không thể kiểm soát được, vì vậy sử dụng ảnh có chiều ngang bằng width của mỗi thành phần, chiều dọc nhỏ để tự động lặp lại theo độ dài hiển thị. Theo các con số như ví dụ trên, chúng ta sẽ thiết kế hình nền với chiều ngang 410px cho main và 220px cho sidebar. Một tấm ảnh vừa phải có kích thước 410 x 10 là tương đối hợp lý. Cần thêm vào đoạn mã sau để hình nền lặp lại theo chiều dọc:

background-repeat: repeat-y;

Để hình nền này nằm vị trí cân đối, bạn có thể thêm vào:

background-position: center center;

Có thể định nghĩa màu nền cho toàn bộ blog của mình sao cho tương phản và làm nổi bậc các thành phần. Có hai cách để làm việc này:

Cách 1. Chọn Font and Colors (Màu và chữ) trên Template, chọn màu cho background

Cách 2. Vào Edit HTML, bạn kéo thanh trược để tìm:

body {
background:$bgcolor;
margin:0;
color:$textcolor;
font:x-small Georgia Serif;
font-size/* */:/**/small;
font-size: /**/small;
text-align: center;
}
Trong đó background:$bgcolor; định màu nền thay đổi theo lựa chọn của bạn ở cách trên. Hãy lấy mã màu (tham khảo ở đây) và chèn thẳng. Ví dụ, màu trắng như sau:
background:#ffffff

Tích hợp AncPlay Media Player cho Blog

2020-01-11T23:35:00.000-08:00

Trước kia khi muốn nhúng 1 đoạn video nào đó vào blog ta thường quen với việc nhúng code của nó mà server đó cung cấp. Nếu muốn nhúng nhiều video khác nhau thì ta lại dán 1 đoạn code khác nhau. Và nếu bài viết nào đó phải nhúng nhiều đoạn video vào thì sao? ví dụ 20 video chẳng hạn, nếu ta dùng cách thủ công là chèn tất cả 20 đoạn code của 20 video vào thì cũng được, nhưng như thế trông bài viết sẽ dài lê thê, và cũng không chuyên nghiệp lắm.

Tiện ích Ancplay giống như 1 trình xem video đơn giản, với 1 phần hiển thị video và 1 phần hiển thị danh sách các video. Các bạn chỉ việc click vào danh sách các video và xem. Hiện tại tiện ích hỗ trợ xem video từ các server : youtube.com, videobb.com, clip.vn, cyworld.vn, video.zing.vn, stream.pub.vn, dailymotion.com, videozer.com, 4shared.com, 2shared.com.

Sau đây là các bước chèn tiện ích vào blog :

1. Vào trong code template (không cần nhấp mở rộng mẫu tiện ích), sau đó chèn đoạn code bên dưới vào trước thẻ đóng </body> , các bạn có thể chèn ở vị trí khác cũng được, nhưng bắt buộc phải chèn sau tiện ích Blog1 (phần hiển thị bài viết) :

Update (30/11/2011) : đã fix code javascript, do 1 số template không có thẻ div có id là wrap2, nên mình đã sửa wrap2 thành Blog1 là ổn nhất.
Update (1/12/2011 bởi HellloXimo) : Hoàn thiện tiện ích hơn với 1 số tính năng đã được fix như :
- Fix play Full Sreen tất cả Server
- Fix play server Zing, Daily
- và đây là link file js : http://maphim-net.googlecode.com/svn/trunk/ancplay.js

2. Save template lại.

Như vậy đã xong bước chèn tiện ích vào blog. bây giờ mình giới thiệu qua cách post bài viết.
Để trình xem video hiển thị được, bắt buộc bài viết của bạn phải tuân theo mẫu bên dưới :

{Một vài thông tin về video - vị trí 1 }

<div align="center" id="anc_pl"></div>
<div id="anc_tp"></div>

<div id="anc_content"></div>

{Một vài thông tin về video - vị trí 2 }

[id]1;link video 1|2;link video 2|[/id]

- Thông tin về video các bạn có thể đặt ở vị trí 1 hoặc 2 tùy thích. Tùy vào cách bố trí bài viết của các bạn, hoặc có thể sử dụng đồng thời 2 vị trí cùng 1 lúc cũng được.
- phần code highlight là code bắt buộc có trong bài viết.
- Sau đây là hướng dẫn chèn link video vào bài viết. Như trong đoạn code trên ta thấy, chèn link vào bài viết có dạng như bên dưới :

[id]1;link video1|2;link video2|[/id]

- Ví dụ ta có 2 link từ youtube và 2 link từ dailymotion và code mẫu như bên dưới :

[id]1;link youtube1|2;link youtube2|1;link dailymotion1|2;link dailymotion2|[/id]

và phần hiển thị sẽ trông như thế này :

Server Youtube: 1 | 2 |
Server Daily: 1 | 2 |

- Nếu ta thay số 1 và 2 thành Tập 1 và Tập 2 như bên dưới :

[id]Tập 1;link youtube1|Tập 2;link youtube2|Tập 1;link dailymotion1|Tập 2;link dailymotion2|[/id]

thì phần hiển thị sẽ là như thế này :

Server Youtube: Tập 1 | Tập 2 |
Server Daily: Tập 1 | Tập 2 |

- nếu Tập 1 được chia làm nhiều phần nhỏ thì ta cứ thêm tuần tự link vào, và các link được ngăn cách bằng dấu chấm phẩy. ví dụ như bên dưới :

[id]Tập 1;link youtube1-a;link youtube1-b;link youtube1-c;link youtube1-d|Tập 2;link youtube2|Tập 1;link dailymotion1|Tập 2;link dailymotion2|[/id]

- thì phần hiển thị sẽ như thế này :

- Tương tự như thế, nếu video có từ nhiều nguồn thì ta cứ việc thêm vào phía sau nó. ví dụ như bên dưới :

- và phần hiển thị sẽ là :

Sưu tầm

Tạo sitemap (mục lục) cho Blogpost

2020-01-11T23:32:00.000-08:00

Một dạng sitemap hay bảng mục lục rất phù hợp cho các blogger. Bạn có thể xem ảnh minh họa bên dưới

DEMO

» Bắt đầu thủ thuật

1. Đăng nhập vào tài khoản Blogger
2. Bạn vào soạn thảo bài viết mới (New Post) ở chế độ HTML và chèn vào code bên dưới

- Bạn thay http://www.dvt.com.vn thành địa chỉ blog của bạn.

3. Bây giờ bạn xuất bản bài viết (Publish posts) là xong

Chúc bạn thành công

Tiện Ích Bài Viết Liên Quan Mới Nhất Cho Nhãn Trên Sidebar

2019-01-22T06:01:00.000-08:00

Ý tưởng khi xem một bài viết trong nhãn bất kỳ thì tiện ích Bài viết mới nhất xuất hiện gồm những bài mới đăng trong nhãn đó, là một ý tưởng khá thú vị. Thực ra ý tưởng này mình đã nghĩ đến khá lâu và đã từng bước tạo code và thử nghiệm. Gần đây quá trình thử nghiệm đã tới giai đoạn cuối cùng với những dấu hiệu thành công như ý muốn, cũng đúng vào lúc tác giả Lee Peace đã nhắc đến ý tưởng này và yêu cầu mình hiện thực hóa xem có được không. Tiện ích này mình gọi tên là tiện ích Bài viết liên quan mới nhất cho nhãn trên Sidebar (Recent and Related Posts for Label on Sidebar). Trên tiện ích này, mình tạo thêm phân trang có bản (Prev, Next) để có thể xem tất cả các bài viết trong nhãn một cách dễ dàng.

Bước 1. Đăng nhập Blogger, vào Design >> Edit HTML, chọn Page Elements. Thêm một tiện ích HTML/Javascript, đặt tên tiện ích là Bài viết liên quan mới nhất rồi dán vào phần nội dung tiện ích bằng đoạn code sau đây (Lưu ý mình đã chú ý script để các bạn có thể hiểu tường tận hơn, có thể tùy biến CSS theo ý thích của bạn).

<script type="text/javascript">
// Recent and Related Posts for Label on Sidebar widget by www.thuthuatblogger.info
var post_per_page = 5; // thiết lập số bài viết hiển thị mỗi trang
var post_snippet = 70; // thiết lập số ký tự tóm tắt bài viết
var homepage = "http://huynh-nhat-ha.blogspot.com"; // đặt địa chỉ trang chủ của bạn
var img_default = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkS2sp8HtKT-dfJWozqiNv5sjHBBIaXf6aLxhhBPW3rhKm43G-HAOXBP1aIP0EyEd9Ru43sCVh7guYLMv6t7GIRpN-6H7CKectd_LLcg8lPJkyJprk6qfiXVaYfk2AxzP6ZuInc89bfUQ/s1600/recentpostnothumb.png"; // thiết lập URL hình mặc định

var pr_flagfirst = 0;
var url_prev, url_next;

// chức năng tạo tóm tắt bài viết

// chức năng tạo biến

function showpagelabel(json) {
var entry, posttitle, posturl, postimg, postcontent;
var str_out = "";

// tìm URL phân trang

for (var k = 0; k < json.feed.link.length; k++) {
if (json.feed.link[k].rel == 'previous') {

// đây là trang trước

url_prev = json.feed.link[k].href;
}
if (json.feed.link[k].rel == 'next') {
// đây là trang sau
url_next = json.feed.link[k].href;
}
}

// đọc và xác định bài viết

for (var i = 0; i < post_per_page; i++) {

// nếu không có thì kết thúc lệnh

if (i == json.feed.entry.length) { break; }

entry = json.feed.entry[i];

// đây là tiêu đề bài viết

posttitle = entry.title.$t;

// tìm URL bài viết

for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {

// lưu trữ nó

posturl = entry.link[k].href;
break;
}
}

// tìm nội dung bài viết và lưu trữ nó

if ("content" in entry) {
postcontent = entry.content.$t;
} else if ("summary" in entry) {
postcontent = entry.summary.$t;
} else {
postcontent = "";
}

// tìm ảnh đại diện hoặc sử dụng ảnh mặc định

if ("media$thumbnail" in entry) {
postimg = entry.media$thumbnail.url;
} else {
postimg = img_default;
}

// kết thúc đọc, tạo code HTML

str_out += "<div class='pagi_label'>";
str_out += "<a href='" + posturl + "' target='_blank'><img src='" + postimg + "' /></a>";
str_out += "<h6><a href='" + posturl + "' target='_blank'>" + posttitle + "</a></h6>";
str_out += "<p>" + removeHtmlTag(postcontent,post_snippet) + " ...</p>";
str_out += "</div>";
}

// kết thúc lệnh và viết kết quả

document.getElementById("Sidebar_Label").innerHTML = str_out;

// tạo phần phân trang

str_out = "";

// nếu có trang trước, tạo link nhưng chỉ có text

if(url_prev) {
str_out += "<a href='javascript:navi_pagi_label(-1);' class='previous'>Prev</a>";
} else {
str_out += "<span class='disabled previous'>Prev</span>";
}

// nếu có trang sau, tạo link nhưng chỉ có text

if(url_next) {
str_out += "<a href='javascript:navi_pagi_label(1);' class='next'>Next</a>";
} else {
str_out += "<span class='disabled next'>Next</span>";
}

// tạo link cho trang đầu

str_out += "<a href='javascript:navi_pagi_label(0);' class='first'>First</a>";

// viết code

document.getElementById("PR_Label_Sidebar").innerHTML = str_out;
}

// chức năng tạo địa chỉ feed sẽ đọc

function navi_pagi_label(direction){
var p, parameters;
if(direction==-1) {

// trang trước

p = url_prev.indexOf("?");
parameters = url_prev.substring(p);
} else if (direction==1) {

// trang sau

p = url_next.indexOf("?");
parameters = url_next.substring(p);
} else {

// trang đầu

parameters = "?start-index=1&max-results=" + post_per_page + "&orderby=published&alt=json-in-script"
}
parameters += "&callback=showpagelabel";

include_script(parameters);
}

// đây là chức năng load script động

function include_script(parameters) {

// nếu không phải lần đầu tiên thì loại script trên

if(pr_flagfirst==1) {remover_script();}

// xóa mọi thứ và đặt một dòng text hoặc ảnh load

document.getElementById("Sidebar_Label").innerHTML = "<div id='loading_script'></div>";
document.getElementById("PR_Label_Sidebar").innerHTML = "";

// đây là lưu trữ feed

var archive_feeds = homepage + "/feeds/posts/default/-/" + label_Related + parameters;

// load và cho chạy

var nouvo = document.createElement('script');
nouvo.setAttribute('type', 'text/javascript');
nouvo.setAttribute('src', archive_feeds);
nouvo.setAttribute('id', 'LABELTEMPORAL');
document.getElementsByTagName('head')[0].appendChild(nouvo);
pr_flagfirst = 1;
}

// đây là chức năng loại bỏ script đã được load trước

function remover_script() {
var that = document.getElementById("LABELTEMPORAL");
var father = that.parentNode;
father.removeChild(that);
}

// khi load trang thì bắt đầu chức năng

onload=function() { navi_pagi_label(0); }
</script>
<style type="text/css">
#Sidebar_Label {margin: 0 auto;width:100%}
.pagi_label {background-color: #ffffff;border-bottom: 1px dashed #101921;height: 72px;margin: 5px 0;padding: 5px;width: 300px;}
.pagi_label img {float: left;height: 70px;padding:1px;margin: 0 5px 3px;width: 70px;}
.pagi_label h6, .pagi_label h6 a {margin:0;font-size:12px !important;font-weight:normal !important;color:#069}
.pagi_label:hover {-moz-box-shadow: 0px 0px 60px #505961 inset;}
.pagi_label p {font-size:12px;padding:0 3px 3px}
#loading_script {color:#888;font-family:Century Gothic;font-size:100px;letter-spacing:-10px;text-align:center;text-shadow:-5px 0 1px #444; background: #ffffff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgREGYfAdhZnSZPaSA5HhKJqogahNlnKaf9IUqPJrahc4IBhQcOPvMh1WXsyaMZNudauWGdb_BLVxbCnQ_0BBhIfTqoQDOvOQn6xg6_IipLXNLNSniZsHOBGWHLpzPzK3JU0AGkJMkp7q0/) no-repeat 50% 50%; height:489px; width:100%}
#PR_Label_Sidebar {background-color: #ffffff;color: #BBB;font-family: Tahoma;font-size: 18px;text-align: center;margin:0 auto;width:100%}
#PR_Label_Sidebar a {color: #BBB !important;font-family: Tahoma !important;font-size: 18px !important;font-weight: normal !important;padding: 5px 10px;display:block;}
#PR_Label_Sidebar a:hover {color: #069 !important;}
#PR_Label_Sidebar span {padding: 5px 10px;}
#PR_Label_Sidebar span.disabled {color: #666 !important;}
#PR_Label_Sidebar .next {float:right;}
#PR_Label_Sidebar .previous {float:left;}
#PR_Label_Sidebar .first {text-align:center;}
</style>
<div id="Sidebar_Label"></div>
<div id="PR_Label_Sidebar"></div>

Bước 2. Vào Edit HTML--> chọn Expand Wiget Templates.
Dùng (F3) tìm từ khóa Bài viết liên quan mới nhất mà bạn mới đặt tên cho Widget của tiện ích rồi thay nó thành như sau (phần đánh dấu màu đỏ là phần thêm vào):
Chú ý : HTML1 : Giả định ID Widget bạn là HTML1

<b:widget id='HTML1' locked='false' title='Bài viết liên quan mới nhất' type='HTML'>
<b:includable id='main'>

<b:if cond='data:blog.pageType == "item"'>

<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>

<b:else/>

</b:if>

</b:includable>
</b:widget>

Bước 3. Dùng các từ khóa như: <div class='post-footer'>, <div class='post-footer-line post-footer-line-1'> hoặc <div class='post-footer-line post-footer-line-2'> tìm đến đoạn code XML liên quan đến nhãn rồi thay nó bằng đoạn code bên dưới (phần đánh dấu màu đỏ là phần được thêm vào):

<span class='post-labels'>
<b:if cond='data:post.labels'>
<data:postLabelsLabel/>
<b:loop values='data:post.labels' var='label'>
<script>var label_Related="<data:label.name/>";</script>
<a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != "true"'>,</b:if>
</b:loop>
</b:if>
</span>

Lưu Template là hoàn thành bạn nhé.

Tạo banner quảng cáo đính trượt cho blog

2019-01-11T23:18:00.000-08:00

Một thủ thuật có thể làm dính (sticky) banner hay một mẫu quảng cáo ở trình duyệt khi bạn cuộn scrollbar chuột trên trang bloghay web. Khi độ dài của trang bài viết dài hơn cột sidebar thì khi đó bạn cuộn chuột xuống đến mẫu quảng cáo đó thì chúng sẽ được dính lại ở trình duyệt. Như vậy chắc bạn đã hình dung được phần nào về công dụng của thủ thuật này.

1. Vào Thiết kế > Phần tử trang

2. Tạo một widget HTML\JavaScripts và dán vào đoạn code bên dưới

<style>

#sticky {

height:435px; /* chiều cao của banner quảng cáo*/

width:270px; /* độ rộng của banner quảng cáo*/

position:relative;

}

</style>

var $stickyHeight = 460; // chiều cao của banner quảng cáo

var $padding = 5; // khoảng cách top của banner khi dính

var $topOffset = 1700; // khoảng cách từ top của banner khi bắt đầu dính (tức là khoảng cách tính từ trên xuống đến vị trí đặt banner )

var $footerHeight = 180; // Định vị điểm dừng của banner, tính từ chân lên

/* <![CDATA[ */

function scrollSticky(){

if($(window).height() >= $stickyHeight) {

var aOffset = $('#sticky').offset();

if($(document).height() - $footerHeight - $padding < $(window).scrollTop() + $stickyHeight) {

var $top = $(document).height() - $stickyHeight - $footerHeight - $padding - 185;

$('#sticky').attr('style', 'position:absolute; top:'+$top+'px;');

}else if($(window).scrollTop() + $padding > $topOffset) {

$('#sticky').attr('style', 'position:fixed; top:'+$padding+'px;');

}else{

$('#sticky').attr('style', 'position:relative;');

}

$(window).scroll(function(){

scrollSticky();

});

/* ]]> */

</script>

code Quảng cáo của bạn

</div>

Từ khóa : banner, bài viết, code, hình, quảng cáo, thủ thuật, top, widget,